<?php 
$appId='wxe214ac48790c622f';
$secret='62d3091e10b72a50a8a2c4f758a799b2';
include_once 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
$cdnUrl='./';
$v=rand(1,990);
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的健康守护姿势</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="<?php echo $cdnUrl; ?>css/animate.css?v=4"/>
<style>
html,body{width:100%;font-size:12px;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{background:#009b9f;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;}
body, div{padding:0px;margin:0px auto;max-width:750px;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:36px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-indent:4px;color:#787c7f;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder{text-align:left;color:#a2a2a2;}
select{position:absolute;color:#787c7f;display:block;background:transparent;border:0px;text-indent:4px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;width:100%;height:auto;overflow:hidden;}
.page{position:absolute;width:100%;height:100%;display:none;top:0;left:0;}
.p-b, .thebg{position:absolute;width:100%;top:0;left:0;}
#canvas{position:absolute;width:100%;top:0;left:0;}
.animated{animation-duration:1.5s;animation-fill-mode: both;}
.animated.infinite{animation-iteration-count: infinite;}
.animated.d8s{animation-delay:.8s;}
.gamebigbox{position:absolute;}
.logo{position:absolute;left:0;top:0;}
.gameicobox, .gamesmallbox{
position:absolute;
left:0;top:0;
overflow: hidden;
overflow-x: auto;
white-space: nowrap;
text-align: left;
font-size:0;
}
.gamesmallbox{width:100%;}
.game-li{position:relative;background:#fff;display:inline-block;padding:0;}
.game-tu, .p5-thetu{position:absolute;width:100%;height:100%;top:0;left:0;}
.p5-thetu{opacity:0;}
.game_Active{background:#f9e19b;}
.gametab, .gametab2{font-size:0;}
.game-cb, .game-tb{display:inline-block;padding:0;}
.hide{display:none;}
.p1-t1{-webkit-animation: pulse .9s 1.6s linear infinite;}
.p4-ban2{position:absolute;width:100%;left:0;background:#009b9f;}
.game_arrowL, .game_arrowR{top:39%;}
@-webkit-keyframes arrowXl {
    0%{-webkit-transform: translateX(0);}
    100%{-webkit-transform: translateX(-4px);}
}
@-webkit-keyframes arrowXR {
    0%{-webkit-transform: translateX(-4px);}
    100%{-webkit-transform: translateX(0);}
}
.game_arrowL{background: url("./img/arrow_l.png")no-repeat;background-size: 100%;width:19px;height:20px;position: absolute;left: 0;z-index: 2;
-webkit-animation: arrowXl 1s linear infinite alternate;
}
.game_arrowR{;background: url("./img/arrow_r.png")no-repeat;background-size: 100%;width:19px;height:20px; position: absolute;right: 0;z-index: 2;
-webkit-animation: arrowXR 1s linear infinite alternate;
}
.anid2{
    -webkit-animation-duration:5s;
    animation-duration:5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.p4-shen{-webkit-animation: fadeInRight 1s linear both;}
.back, .m-btn{z-index:3;}
</style><script>var _hmt = _hmt || [];(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?0325c40dd4a0720762159a52d5fd19b3";
var s = document.getElementsByTagName("script")[0]; 
s.parentNode.insertBefore(hm, s);})();</script></head>
<body>
<div class="container">
    <div class="home page">
	   <div class="thebg">
	      <img class="p-b" src="<?php echo $cdnUrl; ?>img/home.jpg" />
	      <img class="m-btn simg" src="<?php echo $cdnUrl; ?>img/m.png" />
	      <img class="home-t1 simg rubberBand animated" src="<?php echo $cdnUrl; ?>img/home-t1.png" />
	      <img class="home-btn simg animated pulse infinite hide" src="<?php echo $cdnUrl; ?>img/home-btn.png" />
	   </div>
	   <img class="logo" src="<?php echo $cdnUrl; ?>img/logo.png" />
    </div>
	<div class="p1 page">
	   <div class="thebg">
	      <img class="p-b" src="<?php echo $cdnUrl; ?>img/p1.jpg" />
	      <img class="m-btn simg" src="<?php echo $cdnUrl; ?>img/m.png" />
	      <img class="p1-t1 simg" src="<?php echo $cdnUrl; ?>img/p1-t1.png" />
	      <div class="p-nan p1-nan simg" data-id="nan"></div> 
          <div class="p-nv p1-nv simg" data-id="nv"></div>
	   </div>
    </div>
    <div class="p2 page">
	   <div class="thebg">
	      <img class="p-b" src="<?php echo $cdnUrl; ?>img/p2.jpg?v=2" />
	      <img class="m-btn simg" src="<?php echo $cdnUrl; ?>img/m.png" />
	      <img class="p2-tou simg" src="<?php echo $cdnUrl; ?>img/p2-nv.png" />
	      <div class="p-nan p2-nan simg" data-id="nan"></div> 
          <div class="p-nv p2-nv simg" data-id="nv"></div>
	      <div class="p2-next simg"></div> 
	   </div>
    </div>
    
    <div class="p3 page">
	   <div class="thebg">
	      <img class="p-b p3-tu" src="<?php echo $cdnUrl; ?>img/p3-zai.png" />
	      <img class="p-b" src="<?php echo $cdnUrl; ?>img/k.png" />
	      <img class="m-btn simg" src="<?php echo $cdnUrl; ?>img/m.png" />
	      <img class="p3-t1 simg" src="<?php echo $cdnUrl; ?>img/p3-t1.png" />
	      <img class="p-next simg" src="<?php echo $cdnUrl; ?>img/next.png" />
	      <img class="p3-back back simg" src="<?php echo $cdnUrl; ?>img/back.png" />
	      <div class="p3-zai simg" data-id="zai"></div> 
          <div class="p3-gong simg" data-id="gong"></div> 
          <div class="p3-next simg"></div> 
	   </div>
    </div>
    
    <div class="p4 page">
	   <div class="thebg">
	      <canvas id="DressCanvas" class="hide"></canvas> 
	      <canvas id="canvas" width="750" height="1206"></canvas>
	      <img class="m-btn simg" src="<?php echo $cdnUrl; ?>img/m.png" /> 
	      <div class="p4-ban2"></div>
	      
	      <img class="p4-k3 simg" src="<?php echo $cdnUrl; ?>img/k4.png?v=2" />
	      <img class="p4-k1 simg" src="<?php echo $cdnUrl; ?>img/k1.png" />
	      <img class="p4-k2 simg" src="<?php echo $cdnUrl; ?>img/k2.png" />
 
	      <div class="gametab simg">
	         <div id="p4-tb1" class="game-tb" style="background:#5cc4c6;"></div>
	         <div id="p4-tb2" class="game-tb"></div>
	         <div id="p4-tb3" class="game-tb"></div>
	         <div id="p4-tb4" class="game-tb"></div>
	         <div id="p4-tb5" class="game-tb"></div>
	      </div>
	      
	      <img class="p4-txt simg" src="<?php echo $cdnUrl; ?>img/p4-txt.png?v=2" />
	      <div class="gametab2 simg">
	         <div class="game-cb" data-id="1"></div>
	         <div class="game-cb" data-id="2"></div>
	         <div class="game-cb" data-id="3"></div>
	         <div class="game-cb" data-id="4"></div>
	         <div class="game-cb" data-id="5"></div>
	      </div>
	      
	      
	      <div class="p4-zishi gameicobox">
	         <div class="game-li"><img class="game-tu p4-zi1" src="<?php echo $cdnUrl; ?>img/nv/zs/zai1.png" /></div>
	         <div class="game-li"><img class="game-tu p4-zi2" src="<?php echo $cdnUrl; ?>img/nv/zs/zai2.png" /></div>
	         <div class="game-li"></div>
	         <div class="game-li"></div> 
	         <div class="game-li"></div> 
	         <div class="game-li"></div>
	      </div>
	      
	      <div class="p4-yifu gameicobox hide">
	         <div class="game-li"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/nan/gong/zuo/1.png" /></div>
	         <div class="game-li"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/nan/gong/zuo/2.png" /></div>
             <div class="game-li"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/nan/gong/zuo/3.png" /></div>
             <div class="game-li"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/nan/gong/zuo/4.png" /></div>
             <div class="game-li"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/nan/gong/zuo/5.png" /></div>
             <div class="game-li"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/nan/gong/zuo/6.png" /></div>
	      </div>
	      <div class="p4-congwu gameicobox hide">
	         <div class="game-li"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/cw/1.png" /></div>
	         <div class="game-li"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/cw/2.png" /></div>
             <div class="game-li"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/cw/3.png" /></div>
             <div class="game-li"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/cw/4.png" /></div>
             <div class="game-li"></div>
             <div class="game-li"></div>
	      </div>
	      <div class="p4-daoju gamebigbox hide">
    	      <div class="gamesmallbox" data-id="p4-daoju">
    	         <div class="game-li" data-id="1"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/1.png" /></div>
    	         <div class="game-li" data-id="2"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/2.png" /></div>
    	         <div class="game-li" data-id="3"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/3.png" /></div>
    	         <div class="game-li" data-id="4"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/4.png" /></div>
    	         <div class="game-li" data-id="5"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/5.png" /></div>
    	         <div class="game-li" data-id="12"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/12.png" /></div>
    	         <div class="game-li" data-id="6"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/6.png" /></div>
    	         <div class="game-li" data-id="7"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/7.png" /></div>
    	         <div class="game-li" data-id="8"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/8.png" /></div>
    	         <div class="game-li" data-id="9"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/9.png" /></div>
    	         <div class="game-li" data-id="10"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/10.png" /></div>
    	         <div class="game-li" data-id="11"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/11.png" /></div>
                 <div class="game-li" data-id="13"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/dj/13.png" /></div>
    	      </div>
    	      <div class="game_arrowL hide"></div>
              <div class="game_arrowR"></div>
	      </div>
	      <div class="p4-wenzi gamebigbox hide">
    	      <div class="gamesmallbox" data-id="p4-wenzi">
    	         <div class="game-li" data-id="1"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/wz/1.png" /></div>
    	         <div class="game-li" data-id="2"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/wz/2.png" /></div>
    	         <div class="game-li" data-id="3"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/wz/3.png" /></div>
    	         <div class="game-li" data-id="4"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/wz/4.png" /></div>
    	         <div class="game-li" data-id="5"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/wz/5.png" /></div>
    	         <div class="game-li" data-id="6"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/wz/6.png" /></div>
    	         <div class="game-li" data-id="7"><img class="game-tu" src="<?php echo $cdnUrl; ?>img/wz/7.png" /></div>
    	      </div>
    	      <div class="game_arrowL hide"></div>
              <div class="game_arrowR"></div>
	      </div>
	      <img class="p4-shen simg hide" src="<?php echo $cdnUrl; ?>img/sheng.png" />
	   </div>
    </div>
    <div class="p5 page">
	   <div class="thebg">
	      <img class="p-b p5-tu" src="<?php echo $cdnUrl; ?>img/5.jpg" />
	      <img class="p-b" src="<?php echo $cdnUrl; ?>img/k.png" />
	      <img class="m-btn simg" src="<?php echo $cdnUrl; ?>img/m.png" />
	      <img class="p5-baocun simg flash anid2 infinite" src="<?php echo $cdnUrl; ?>img/p5-baocun.png" />
	      <img class="p5-back back simg" src="<?php echo $cdnUrl; ?>img/back.png" />
	   </div>
	   <img class="p5-thetu p5-tu" src="<?php echo $cdnUrl; ?>img/5.jpg" />
       
   </div>
   <div style="display:none;">
        <audio id="mbg" preload="auto" loop="loop"><source src="http://lin.mei94.com/pin/1.mp3"  type="audio/mpeg"></audio>
   </div>
</div>
<script>
var _chongisF=[0,0,0,0,0,0,0,0];
var _daoisF=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];
var _wenisF=[0,0,0,0,0,0,0,0];
var _cdnUrl='<?php echo $cdnUrl; ?>';
var _sex='nv';
var _zishi='tang'; //姿势
var _chang='zai'; //场地  gong[zhan,zuo], zai[tang,dun]
</script>
<script src="http://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/pxloader-images.min.js"></script>
<script type="text/javascript" src="Public/js/touch.min.js"></script>
<script type="text/javascript" src="Public/js/easeljs-0.8.2.min.js"></script>
<script type="text/javascript" src="Public/js/tweenjs-0.6.2.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript" src="<?php echo $cdnUrl ?>js/photo.js?v=<?php echo $v; ?>"></script>
<script>
_h=h= Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
var sWidth = parseInt((window.innerWidth > 0) ? window.innerWidth : screen.width);
if(sWidth>750){sWidth=750;}
var _rate=(sWidth/750);
if(h<_rate*1206){h=_rate*1206;}
var _img=['home.jpg'];
var loader = new PxLoader();
for(var i=0; i<_img.length; i++){loader.addImage('./img/'+_img[i]);}
loader.start();
var _mbg=document.getElementById("mbg");
loader.addCompletionListener(function(e){
	   $(".home").fadeIn(800); 
	   AddShpFun(_chang);
	   window.setTimeout(function(){$(".home-btn").show();}, 400);
	   _mbg.play();
	    document.addEventListener("WeixinJSBridgeReady", function () {
	    	_mbg.play();
	    }, false);  
});
$(function(){
	$('.container').width(sWidth).height(h);
	$('.thebg, .p-b, #canvas, #DressCanvas').width(sWidth).height(_rate*1206);
	if(h > _rate*1206){
	   var _cha= (h - _rate*1206)/2;
	   if(_cha > 0){
	      $('.thebg').css({"top":_cha});
	      $('.logo').css({"top":_cha/3}); 
	   }   
	}
	<?php include 'js.php'; ?>
	wx.config({
        appId: '<?php echo $signPackage["appId"];?>',timestamp: <?php echo $signPackage["timestamp"];?>,
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage','onMenuShareQQ','showMenuItems','showOptionMenu']
    });
    wx.ready(function () {
    		var _link='http://mei94.com/pin/';
    		var _imgUrl='http://mei94.com/hisense/img/6.jpg';
    			wx.onMenuShareTimeline({title: '特殊时期，查看你的健康守护姿势！', link: _link, imgUrl: _imgUrl,success: function () {
    			},cancel: function () { 
    			}});
    			wx.onMenuShareAppMessage({ title:'快来查看你的健康守护姿势', desc:'疫情面前多防护，健康姿势不能少',link: _link,imgUrl: _imgUrl, type: '', dataUrl: '', success: function () {
    			},cancel: function () { 
    			}});
    });
  
});
</script></body></html>